抉擇從來不難，難在下定決心執行

開始之前，說說自己

踏入前端可能從來不在以前的自己想像中，也不會是長期規劃後的結果。大約兩個半月前，我還在前公司擔任 IE 工程師，每個月計算產能，Review 生產狀況，分析評估案，彙報上層。當時的我對工作內容並沒有太大熱情，雖然工作還算順利，跟各部門相處也愉快，但總是空虛，也深感與畢業時的自己相比並沒有太多專業上的進步，因此在工作之餘，參加了一些活動，認識了"好想工作室"，工作室的人充滿活力，還有濃烈的學習上進心，深深吸引了想前進的我。在參加了一場經營者 Howard 分享工作室的創立展望及目的後，我相信好想工作室是可以讓我好好成長的地方，決定踏入前端之路。抉擇從來就不難，難在下定決心執行，包含放棄本來擁有的以及思考必須承擔可能失敗的風險，但我仍然相信只要夠努力，就很難被辜負。

主題動機

因本身剛踏入前端不久，一個月前剛完成了工作室的七個切版練習(包含考慮RWD 、Boostrap框架 及 SCSS 使用 )。

目前學習進度是剛踏入 JavaScript 的新生，剛完成一個簡單的 to-do list，練習一些簡單的控制，正在努力持續練功中！

本身非相關領域，所以在學習過程中，被前輩們解惑時，心裡的臺詞就如主題所說的 "wow~原來是這樣啊" ，遇見的疑惑之處仍記憶猶新，希望這系列文章可以幫助正前往前端的你。
文章的範圍從 HTML、CSS 到 JavaScript 都有可能，主要是想記錄花了一些時間理解的事情。

怎麽開始自學

在開始學習之前，我查閱了許多關於前端自學方式及資源，並將其整理下來，分類成 HTML / CSS /JavaScript / 自學心法等。這份文件後續我並不沒有一直打開查詢或是更新它，但它對一開始的我來說，還是有很大的幫助，讓我在學習過程中對前端有比較清楚的認知。例如你可以知道前端的學習之路，可能會是Html →CSS→ Javascript →各種框架(React Vue……)，而在每一個階段都還會各自延伸許多專業知識，你不至於迷路，因爲你大概知道你現在走到哪裏，在學習過程中也就不至於感覺太不安，也可以對後續學習有所期待。
每個人入門方式都不太一樣，你可以查看官方文件或是閱讀書籍等，我的入門方式是以購買一堂入門課程開始的，接著實作的時候搭配查詢官方文件及網路大神們的分享及教學來彌補課程沒有上到的地方。

課程

線上課程的部分，你可以到 Udemy 找一門價格合理、評價不錯的課程，我上的課程是Web前端开发 - 玩轉HTML&CSS【课程以实战为基础】。這門課程對我入門有很大的幫助，給了我一開始切版時的頭緒，雖然沒有講到 flex box / Grid 等排版方式，不過沒關係的，任何資源本來就都有其主題及侷限性，後續再查閱其他資源補足知識就可以了。

正式文件

正式文件的部分推薦各位使用 W3School 及 MDN。

神人

網路大神們的分享及教學可以分爲文章及影片兩部分，最關鍵的部分是你如何下關鍵字，有時換個關鍵字，你就可以找到符合你問題的核心資源，如果你英文不錯，youtube 也有許多國外的神人教學。介紹幾個我喜歡看的神人。
1.(文章)《Chris 技術筆記》 如果你跟我一樣是新手的話，推薦先看新手村的部分
2.(文章)The Will Will Web | 記載著 Will 在網路世界的學習心得與技術分享除了技術之外，我也很喜歡保哥分享的一些學習心態
3.(文章)css-tricks 排版舒服很好閱讀，我的 Flexbox 就是看這篇學的
3.(影片)Online Tutorials
4.(影片)DevTips
5.(影片)Alex 宅幹嘛
6.(影片)彭彭的課程
7.(影片)CSScoke

如果你也剛入門前端，那就一起加油吧
除了技術以外，也喜歡看書及體驗生活。 我會將這些所思所想分享在我的 Medium， 希望可以跟大家一起交流成長^^